
import ScrollToBottom, { useScrollToBottom, useSticky } from 'react-scroll-to-bottom';
import SvgIcon from '../../Components/SvgIcon'
function BtnScrollToBottom(props) {
    const scrollToBottom = useScrollToBottom();
    const [sticky] = useSticky();

    return !sticky && <button onClick={scrollToBottom} className="cursor-pointer absolute z-10 rounded-full bg-clip-padding border text-token-text-secondary border-token-border-light right-1/2 translate-x-1/2 bg-token-main-surface-primary w-8 h-8 flex items-center justify-center bottom-5">
         <SvgIcon icon="scrollToBottom" className="icon-md text-token-text-primary" />
    </button>
  }
  
  export default BtnScrollToBottom;